<div>
    <div class="update-cache">
        <button @click="updateCache">刷新</button>
    </div>
    <div class="asset-count">
        <label>丢失资源数: {{assetBeDependedInfo.length}}</label>
    </div>
    <div class="fliter">
        <ui-input placeholder="资源筛选" @change="onFliterInputValueChange($event.target.value)"/>
    </div>
    <div class="scroll-container-head">
        <label class="scroll-container-head-label-1">资源地址</label>
        <label class="scroll-container-head-label-3">节点路径</label>
        <label class="scroll-container-head-label-2">丢失资源uuid</label>
        <label class="scroll-container-head-label-4">组件引用信息</label>
    </div>
    <div class = "scroll-container">
        <div class="scroll-container-item" v-for="(item, index) in (filterInputValue ? filteredAssetBeDependedInfo : assetBeDependedInfo)" :key="index">
            <label class="scroll-container-item-label">{{item.assetInfo.url}}</label>
            <label class="scroll-container-item-label">{{item.nodePath}}</label>
            <label class="scroll-container-item-label">{{item.assetUuid}}</label>
            <label class="scroll-container-item-label">{{item.componentInfos.length > 0 ? item.componentInfos : ""}}</label>
            <div class="scroll-container-item-btns">
                <button class="scroll-container-item-select-button" @click="selectItem(index)">选中</button>
                <button class="scroll-container-item-jump-button" v-if = "item.nodePath" @click="jumpItem(index)">跳转</button>
            </div>
        </div>
    </div>
</div>